<template>
  <div :class="$style.setTopWrap">
    <img src="@/assets/img/common/avator.png" :class="$style.imgAvator">
    <h2 :class="$style.titleH2">
      <span :class="$style.innerTitle">总资产(元)</span>
    </h2>
    <p :class="$style.textDataTotal">500.06</p>
  </div>
</template>

<script>
  export default {
    name: 'pageAccountSetTop'
  }
</script>

<style lang="scss" module>
  .setTopWrap {
    height: 630px;
    padding: 50px;
    background: url(@/assets/img/part/account/setTopBg.png) no-repeat top center;
    background-size: 100% 100%;
  }

  .imgAvator {
    display: block;
    width: 90px;
    height: 90px;
    border: 3px solid #fff;
    border-radius: 50%;
  }

  .titleH2 {
    margin: 18px 0 36px;
    font-size: 0;
    text-align: center;
    .innerTitle {
      color: #fff;
      font-size: 42px;
    }
  }

  .textDataTotal {
    color: #fff;
    text-align: center;
    font-size: 108px;
  }
</style>
